import React from 'react'
import { Link } from 'react-router-dom'

export default function HistoryAndGuide() {
  return (
    <div className="flex w-full">
      <span
        className="inline-block bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 bg-clip-text text-transparent transition-all duration-300 group-hover:scale-105 group-hover:text-blue-600 group-hover:drop-shadow-md"
        style={{
          WebkitBackgroundClip: 'text',
          backgroundClip: 'text',
          WebkitTextFillColor: 'transparent',
          transition: 'all 0.3s cubic-bezier(.4,2,.6,1)'
        }}
      >
        历史记录
      </span>{' '}
      <Link
        to="https://pecs.cn/note/1770725697677955293"
        target="_blank"
        rel="noopener noreferrer"
        className="ml-2 text-gray-400 transition-colors duration-200 hover:text-blue-500 hover:underline"
      >
        使用教程
      </Link>
    </div>
  )
}
